<template>
  <div class="no-data-wrapper flex-column d-flex jc-center ai-center">
    <div class="no-data"></div>
    <div class="no-data-text">{{ $t('common.noData') }}</div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.no-data-wrapper {
  width: 100%;
  height:100%;
  min-height:600px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-data {
  width: 300px;
  height:300px;
  background:url('../assets/noData.png') center no-repeat;
  background-size:100%;
}
.no-data-text {
  margin-top:-35px;
  font-size:18px;
  margin-left:-30px;
}
</style>